import React, { Component,Suspense } from 'react'
import {Route, Switch ,Redirect} from "react-router-dom"
export class Routerview extends Component {
  render() {
    //   const {routerConfig}=this.props
    return (
  
          <Suspense fallback="路由加载中">
          <Switch>
              {
                  routerConfig.length ? routerConfig.map((item,index)=>{
                    
                   return       item.redirect ?
                       <Redirect key={index} to={item.redirect}></Redirect>


                      :<Route key={index} path={item.path}
                    //    component={item.component}
                    render={
                        (props)=>{
                            return <item.component {...props} routerConfig={item.children}></item.component>
                        }
                    }
                       >

                      </Route>
                  }) :'暂无路由'
              }


          </Switch>
          </Suspense>
  
    )
  }
}

export default Routerview